<template>
  <div class="item">
    <div class="head">
      <span>{{ source.index }}</span>
      <span>{{ source.name }}</span>
    </div>
    <div class="body" :style="{ fontSize: '25px' }">
      <span>{{ source.desc }}</span>
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps({
  source: {
    type: Object,
    default: () => ({})
  }
})
</script>

<style scoped>
.item {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  background-color: rgba(128, 179, 255, 0.3);
}
</style>
